.course-area{
	width:9.866rem;
	margin-top: 0.133333rem;
	margin-left: 0.066666rem;
	margin-right: 0.066666rem;
	position:relative;
}
.course-area img{
	width: 9.866rem;
	height: 6.18rem;
	display: block;
	margin: 0;
	border-radius:0.133333rem;
}

.course-header {
	background-color: #fff;
	opacity: .7;
	display: block;
	color:#000000;
	font-size:4.6vw;
	padding-left:5vw;
}
.course-header span{
	float:right;
	margin-right:5vw;
	color:#ef4009;
}


.course-bottom{
	position:absolute;
	left:0;
	bottom:0;
	background-color: #fff;
	opacity: .7;
	display: block;
	color:#000000;
}
.bling-info{
	margin-top: -1.85rem;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: .7;
	display: block;
	padding: .25rem;
	line-height: 1.2;
	
}
.bling-info span{
	float:right;
	margin-right: 0.133333rem;
	font-size: 0.333333rem;
	font-weight: bold;
	color: #ef4009;
}
/*详情样式*/
.bg-grey{
	background-color: #efeff4;
}

.course-info{
	height: 10vh;
	
}
.course-info span{
	line-height: 10vh;
	font-size:4vh;
}

.course-text{
	margin-left:1vw;
	margin-right;1vw;
	margin-top:1vh;
	width:97vw;
	background-color: #FFFFFF;
	border: 1px solid #e7e7e7;
	-webkit-box-shadow: 0px 3px #E7E7E7;  
  	-moz-box-shadow: 0px 3px #E7E7E7;  
  	box-shadow: 0px 3px 0px #E7E7E7;
}
.c-h1{
	margin-left:2vw;
	color:#71716d;
}
.c-p1{
	float:right;
	margin-right: 5vw;
	color: #EF4009;
}
.course-content{
	height:20vh;
}
.course-detail{
	height:auto;
	min-height: 20vh;
}
.c-h2{
	margin-top: 1vh;
	margin-left: 1vw;
	color:#71716d;
	font-size:5vw;
	border-bottom: 1px solid #dadada;
}
.c-text{
	margin-top: 1vh;
	margin-left: 1vw;
	color:#969684;
	font-size: 3.5vw;
	width: 97vw;
	word-break:break-all;
}
.btn-buy{
	position: absolute;
	bottom: 0;
	height: 7vh;
	width:100vw;
	background-color:#4499EE;
	color: #FFFFFF;
	font-size: 5vw;
}
.btn-unbuy{
	position: absolute;
	bottom: 0;
	height: 7vh;
	width:100vw;
	background-color:#969684;
	color: #FFFFFF;
	font-size: 5vw;
}
.app_footer{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;sd
	left: 0;
	bottom: 0;
}
/*订单详情*/
.order-course{
	height: auto;
	min-height: 15vh;
	background-color: #FFFFFF;
	border-bottom: 1px solid #dadada;	
}
.order-img{
	width:35vw;
	height:12vh;
	margin-top: 1vh;
	margin-left: 3vw;
	border-radius: 2vw;
	float:left;
}
.o-div{
	margin-left: 38vw;
	width:60vw;
}
.i-left{
	float-left;
}
.order-span{
	padding-left:5vw;
	padding-top:1vh;
}
.order-h1{
	font-size:5vw;
	margin-left: ;
}
.color-red{
	color:#EF4009;
}
.color-textarea{
	color:#969684;
	font-size:3vw;
}
.order-p1{
	font-size:4vw;
}
.order-nav{
	color: #71716D;
	font-weight:bold;
	font-size:2.6vh;
	margin-left:5vw;
	margin-top:1vh;
	margin-bottom: 1vh;
}
.order-tap{
	height: auto;
	min-height: 7vh;
	background-color: #FFFFFF;
	border-bottom: 1px solid #dadada;
	padding-left: 5vw;
	padding-right:5vw;
}
.d-span1{
	font-size:2.6vh;
	line-height: 7vh;
	color:#969684;
}
.font-right{
	float: right;
}
.next-img{
	height: 2.6vh;
	margin-top:2.2vh;
}
.coupon-check{
	padding-top: 0.5vh;
}
.coupon{
	border: 2px solid #DADADA;
	width: 30vw;
	height:5.4vh;
	color: #DADADA;
}
.coupon-selected{
	border: 2px solid #EF4009;
	width: 30vw;
	height:5.4vh;
	color: #EF4009;
}
.select-icon{
	background:url(../images/selected.png) no-repeat;
	background-size:5vw;
	margin-top:2vh;
	height:7vw;
	width:8vw;
	float:left;
}
.unselect-icon{
	background:url(../images/unselect.png) no-repeat;
	background-size:5vw;
	margin-top:2vh;
	height:7vw;
	width:8vw;
	float:left;
}
/*填写个人信息*/
.i-area{
	background-color:#FFFFFF;
	height:8vh;
	width:100%;
	border-bottom: 1px solid #DADADA;
}
.i-icon{
	width: 20vw;
	padding-left: 4vw;
	padding-top:1vh;
	padding-right: 4vw;
	float: left;
}
.i-icon img{
	width: 6vh;
}
.i-input{
	width:80vw;
	float:left;
}
.input-text{
	border: 0;
	height: 7vh;
	#background-color: #DADADA;
	width: 70vw;
	font-size: 3.5vh;
}
input.input-text{
	border:0;
	line-height:7vh;
	height:7vh;
	margin-bottom:0;
}

.i-space{
	height: 1vh;
}
.pad-top-1vh{
	padding-top: 1vh;
}
.check-box{
	border: 2px solid #DADADA;
	#width: 25vw;
	min-width:20vw;
	height:5.4vh;
	color: #DADADA;
	float:left;
	margin-right: 2vw;
}
.check-box-selected{ 
	border: 2px solid #EF4009;
	#width: 30vw;
	min-width:20vw;
	height:5.4vh;
	color: #DADADA;
	float:left;
	margin-right: 2vw;
}
.btn-submit{
	margin:3vw;
	height: 8vh;
	background-color: #4499ee;
	color: #FFFFFF;
	font-size: 5vh;
	border-radius: 1vh;
}

/*支付*/
.pay_info{
	margin: 4vw;
	color: #71716D;
	font-size:4vw;
}
.pay_wechat{
	background: #00d00d;
	margin: 4vw;
	border-radius: 1vw;
}
.pay_wechat img{
	padding-left: 4vw;
	padding-top: 1vh;
}
.pay_wechat div{
	width: 70vw;
	height: 8vh;
	float: right;
	font-size:3vh;
	color: #FFFFFF;
	
}
.pay_unline{
	background: #ff7d54;
	margin: 4vw;
	border-radius: 1vw;
}
.pay_unline img{
	padding-left: 4vw;
	padding-top: 1vh;
}
.pay_unline div{
	width: 73vw;
	height: 8vh;
	float: right;
	font-size:3vh;
	color: #FFFFFF;
}

/*订单完成*/
.r-height{
	height: 40vh;
}
.r-height img{
	height:20vh;
}
.act-p1{
	font-size:3.5vh;
}
.btn-do{
	width: 80vw;
	margin-left: 10vw;
	background-color: #1f72a2;;
	height: 8vh;
	border-radius: 1vh;
	color:#FFFFFF;
	font-size:3vh;
}
.m-top-4{
	margin-top: 4vh;
}
.contact-text{
	height:70vh;
	width:82vw;
	margin-left: 4vw;
	padding-top: 10vh;
	font-size:3.5vh;
	color:#71716D;
}
.h-bottom{
	height:10vh;
}
.p-w-10{
	padding-left:14vw;
}

/*跳转messageSend*/
.msg-center{
	margin-top: 30vh;
	margin-left:0vw;
	width:60vw;
	height:20vh;
	background-color: #1f72a2;
	color:#FFFFFF;
	font-size:5vw;
}
/* 我的订单 */
.content-list-bar{
	background-color:#FFFFFF;
	height: 2.8rem;
	width: 100%;
	margin-bottom: 0.106666rem;
	
}
.list-header-img{
	margin-top: 0.293333rem;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
	width:20vw;
	float: left;
}
.list-content-name{
	height: 1.653333rem;
	margin-left: 1.866666rem;
	#line-height: 1.653333rem;
	font-size: 0.36rem;
	color:#71716d;
	border-bottom: 0.013333rem solid #dadada;
}
.list-content-name div{
	width:40vw;
}
.list-content-name img{
	float: right;
	margin-right: 0.573333rem;
	margin-top:0.58rem ;
}
.list-hr{
	margin-top: 0.266666rem;
}
.list-content-ext{
	float:right;
	font-size: 0.36rem;
	color:#71716d;
	margin-right: 0.693333rem;
	height: 1.146666rem;
	line-height: 1.146666rem;
}
.list-num{
	color: #e82c0c;
	margin-right: 0.2rem;
}
.list-notify{
	color:#fe7327;
	float:right;
	margin-right: 0.24rem;
}
.course_text{
	width:50vw;
	float:left;
}
.topay{
	margin-top:1vh;
	width:12vw;
	height:4vh;
	background-color:#1f72a2;
	float:left;
	color:#ffffff;
	font-size:1.5vh;
}
/*报名考试*/
.exam-bar{
	margin-top:1vh;
	height: 6vh;
	width:50vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #1F72A2;
	font-size:3vh;
	color:#1F72A2;
}
.active{
	background-color: #1F72A2;
	color:#FFFFFF;
}
.exam-info-text{
	background: #FFFFFF;
	width:100vw;
	height:4vh;
	line-height: 4vh;
	padding-left: 3vw;
	border-top:1px solid #DADADA ;
	border-bottom:1px solid #DADADA;
	color:#969684;
	
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.exam-info{
	background: #FFFFFF;
	width:100vw;
	height:8vh;
}
.exam-info-high{
	background: #FFFFFF;
	width:100vw;
	height:20vh;
}
.exam-content-long{
	width:90vw;
	float:left;
	margin-left: 3vw;
}
.exam-content{
	float:left;
	margin-left: 3vw;
}
.exam-content{
	width:45vw;
	height:4vh;
	line-height: 4vh;
}
.next{
	width:3vw;
	margin-top:2.5vh;
}
.next-hight{
	width:3vw;
	margin-top:8.5vh;
}
.content-t{
	background-color: #FF7D54;
	height:3vh;
	
}
.c-left{
	float:left;
	width: 20vw;
}
.c-left-long{
	float:left;
	width: 60vw;
	height:4vh;
	line-height:4vh;
}
.c-t{
	background: #FF7D54;
	color:#FFFFFF;
	height:3vh;
	margin-top:0.5vh;
}
.c-c{
	padding-left: 2vw;
	color: #FF7D54;
}
.exam-hidden{
	display: none;
}
/*考试详情*/
.i-title{
	float:left;
	width:35vw;
	color: #969684;
	font-size:5vw;
	height: 8vh;
}
.i-content{
	width:65vw;
	color: #FF7D54;
	font-size:4vw;
	height: 8vh;
	line-height: 8vh;
	
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.i-area-textarea{
	background: #FFFFFF;
	height:auto;
	min-height: 30vh;
	word-break: break-all; 
	word-wrap:break-word;
}
.p-look{
	padding-left: 1vw;
	color: #4499EE;
}
/*我的收益*/
.income-info{
	background: #FFFFFF;
	height: 12vh;
}
.income-box{
	float:left;
	height:12vh;
	width:33.3vw;
	border:1px solid #DADADA;
}
.income-box:after{
    clear: both;
    display: block;
}
.income-font{
	height: 6vh;
	font-size:6vw;
	color: #969684;
}
.income-img{
	height:5vh;
}
.in-font{
	margin-left: 1vw;
	font-size:4vw;
	color: #FF7D54;
}
.btn-area{
	height:8vh;
	margin-top: 3vh;
}
.btn-left{
	margin-left: 0;
}
/*我的客户信息*/
.wx-info{
	height:8vh;
	background: #FFFFFF;
	border-bottom: 1px solid #DADADA;
}
.wx-info div{
	width:33vw;
	float: left;
	height:8vh;
	line-height: 8vh;
	padding-left: 2vw;
	font-size:3vw;
	color: #969684;
}

